body{
	background-image: url(../images/bg.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 100vh;
	font-family: 'Roboto', sans-serif;
	margin: 0;
	padding: 0;
}

/*最外层样式*/
.outer{
	height: 100vh;
	width: 100vw;
	/*background-color: #143322;*/
	display: flex;
}

/*黑罩*/
.mask{
	height: 100vh;
	width: 100vw;
	background-color: #000000;
	opacity: 0.8;
	position: absolute;
	z-index: 10;
}


/*左边模块*/
.leftBlock{
	width: 300px;
	height: inherit;
	/*background-color: #143322;*/
	display: flex;
}

/*左边菜单*/
.leftMenu{
	width: inherit;
	height: 90%;
	/*background-color: #57818BFF;*/
	/*background-color: #779988FF;*/
	/*background-color: rgba(128,166,172,0.85);*/
	background-color: rgba(255,255,255,0.9);
	margin: auto;
	border-right-style: solid;
	border-right-width: 4px;
	border-right-color: #FFD800FF;
	border-radius: 0 20px 20px 0;
	/*opacity: 0.7;*/
}

/*用户头像显示*/
.avatar{
	height: 120px;
	width: 120px;
	border-radius: 100px;
	background-color: #C0C0C0;
	margin: 0 auto;
	margin-top: 20px;
}

/*菜单栏中的按钮*/
.btnBlock{
	height: 50px;
	width: 98%;
	margin: 0 auto;
	margin-top: 30px;
	background-color: #F9F9F9FF;
	border-left-style: solid;
	border-left-color: #FF0000FF;
	border-left-width: 5px;
	color: #FF0000FF;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	cursor: default;
}

.btnBlock:hover{
	background-color: #EAEAEAFF;
}

/*右边模块*/
.rightBlock{
	height: inherit;
	width:1250px;
	/*background-color: #143322;*/
}


.rightMask{
	height: 90%;
	width: 95%;
	background-color: rgba(255,255,255,0.9);
	margin-top: 5vh;
	margin-left: 50px;
	border-radius: 20px 20px 20px 20px; 
	border-left-style: solid;
	border-left-width: 4px;
	border-left-color: #FFE97FFF;
	display: flex;
}

/*显示信息模块*/
.dispInfo{
	height: inherit;
	width: 750px;
	text-align: center;
	/*background-color: #121388;*/
	margin-top: 10px;
}

.infoTitle{
	font-weight: bold;
	font-size: 24px;
	margin-top: 40px;
}

.infoBlock{
	height: 240px;
	width: 500px;
	text-align: left;
	margin: 0 auto;
	/*background-color: #000000;*/
}

.infoLabel{
	display: inline-block;
	height: 50px;
	width: 120px;
	background-color: #FFD800FF;
	line-height: 50px;
	align-content: center;
	text-align: center;
	color: #ffffff;
	border-radius: 10px;
}

.infoLabelDe{
	display: inline-block;
	height: 50px;
	width: 250px;
	background-color: #FFD800FF;
	line-height: 50px;
	align-content: center;
	text-align: center;
	margin-left: 30px;
	color: #ffffff;
	border-radius: 10px;
}

/*修改个人信息按钮*/
.alterInfo{
	height: 40px;
	width: 120px;
	text-align: center;
	line-height: 40px;
	margin-left: 300px;
	border-radius: 15px;
	color: #ffffff;
	background-color: #FFD800FF;
	cursor: default;
}

/*用户信息i小猫图片*/
.imgBg{
	opacity: 0.1;
}

/*修改个人信息模块*/
.alterInfoBlock{
	height: 500px;
	width: 400px;
	position: absolute;
	z-index: 11;
	left: 600px;
	top: 130px;
	background-color: #ffffff;
	display: none;
}

.alterInfoForm{
	height: 40px;
	width: inherit;
	margin-bottom: 10px;
	text-align: center;
}

.alterInfoTitle{
	height: 50px;
	width: inherit;
	text-align: center;
	line-height: 50px;
}

.alterInfoLabel{
	height: 40px;
	line-height: 40px;
	width: 100px;
	display: inline-block;
	background-color: #94C03EFF;
	text-align: center;
}


.alterInfoLabel1{
	height: 40px;
	line-height: 40px;
	width: 200px;
	display: inline-block;
	background-color: #94C03EFF;
	text-align: center;
}

.inputBox{
	margin: 0;
	padding: 0;
	border:none;
	height: 35px;
	width: 180px;
}

.confirmAlterBtn{
	height: 40px;
	width: 100px;
	background-color: #659D61FF;
	line-height: 40px;
	text-align: center;
	margin: auto;
	cursor: default;
}

/*历史测试最高成绩滚动框*/
.scroll{
	height: 200px;
	width: 600px;
	margin: 0 auto;
	/*background-color: #143213;*/
	margin-top: 20px;
	overflow-y: scroll;
}

/*个人信息页面显示的历史最高得分*/
.historyMaxListTB{
	height: 50px;
	width: 540px;
	/*background-color: #F2F2F2;*/
	display: flex;
	margin-bottom: 10px;
}

.historyMaxLabel{
	height: inherit;
	width: 170px;
	display: flex;
	background-color: #F2F2F2FF;
	margin: auto;
	line-height: 50px;
	justify-content: center;
}

/*测试选项样式*/
.examTypeChoose{
	height: 50px;
	width: 90%;
	/*background-color: #189124;*/
	margin-top: 20px;
	margin-left: 40px;
	font-weight: bold;
	font-size: 15px;
	font-family: 'Microsoft Yahei' sans-serif;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}


/*radioBTN的样式*/
.radioStyle{
	height: 24px;
	width: 90px;
	margin-left: 40px;
	line-height: 24px;
	padding-left: 18px;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: middle;
	background-image: url(../images/radio_box.png);
	background-position: left center;
	/*background-color: #D59229FF;*/
}

input[type="radio"]:checked + .radioStyle{
	background-image: url(../images/radio_box_fill.png);
}

/*开始按钮*/
.beginBtn{
	height: 40px;
	width: 80px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-color: #64829AFF;
	border-bottom-color: #64829AFF;
	text-align: center;
	line-height: 40px;
	cursor: default;	
	margin-top: 30px;
}

.beginBtn:hover{
	background-color: #EFEFEFFF
}


/*历史测试记录显示模块*/
.historyShowInfoBlcok{
	height: 400px;
	width: 1000px;
	margin: auto;
	overflow-y: scroll;
	background-color: #E6AF18FF
}

.historyTitle{
	height: 50px;
	width: 100px;
	margin: 0 auto;
	text-align: center;
	line-height: 50px;
}

/*历史记录类型*/
.historyLabelDiv{
	margin-left: 100px;
}

.historyLabel{
	display: inline-block;
	height: 50px;
	width: 150px;
	text-align: center;
	line-height: 50px;
	margin-left: 50px;
	background-color: #D4B52AFF;
}